{% extends "base.html" %}

{% block title %}首页 - 车辆管理系统{% endblock %}

{% block content %}
<div class="jumbotron bg-light p-5 rounded">
    <h1 class="display-4">欢迎使用车辆管理系统</h1>
    <p class="lead">这是一个基于车牌识别技术的智能停车场管理系统。</p>
    <hr class="my-4">
    <p>系统功能包括：</p>
    <ul>
        <li>车牌自动识别</li>
        <li>停车场进出管理</li>
        <li>车辆信息管理</li>
        <li>停车费用自动计算</li>
        <li>停车记录查询</li>
    </ul>
    
    {% if not session.get('user_id') %}
    <div class="mt-4">
        <a class="btn btn-primary" href="{{ url_for('login') }}" role="button">登录系统</a>
        <a class="btn btn-outline-primary ms-2" href="{{ url_for('register') }}" role="button">注册账号</a>
    </div>
    {% endif %}
</div>

<div class="row mt-5">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">用户端功能</h5>
                <p class="card-text">车辆注册、车牌识别进出停车场、停车费用查询和支付等功能。</p>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">管理员功能</h5>
                <p class="card-text">车辆管理、停车场管理、费用统计、停车记录查询等功能。</p>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">AI车牌识别</h5>
                <p class="card-text">采用人工智能技术，实现高精度车牌识别，提高通行效率。</p>
            </div>
        </div>
    </div>
</div>
{% endblock %} 